<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>buoi3</title>

<link rel="stylesheet" type="text/css" href="../css/styleIndex.css" />
<style>

</style>

<script type="text/javascript" language="javascript" src="js/js.js"></script>
</head>


<body>
			<div id="prefix_wrapper">
                  <header id="prefix_header">
                       <header>
                           <hgroup id="prtfix_header_hgroupLeft">
                                  <h4>voTuanAnh-web2</h4>
                            </hgroup><!--- the end prtfix_header_hgroupLeft -->
                            
                            <hgroup id="prtfix_header_hgroupRight">
                                 <h4> <a href="#">sign out</a></h4>
                            </hgroup><!-- the end prtfix_header_hgroupRight-->
                       </header>
                  </header><!-- prefix_header------->
                  
                  
            	<header id="prefix_header_nav">
                	 <div id="prefix_nav"> 
               				 
                     			 <h1 style="float:left">web2.com</h1>
                 			 
                             
                             
                              		
                            <hgroup id="prefix_header_form">
                            		<form method="post" action="index.html" style="float:left">
                                    <input type="text" name="search" size="40"  style="border:0px solid #000;height:20px"/>
                                    <input type="submit" name="submit" value="search" style="border:0px solid #666;
                                                                          background-image:url(img/background.png);
                                                                           height:20px;"/>
                                    </form>
                             		
                            </hgroup>
             		 </div> <!-- the end prefix_nav --->
                 </header><!-- thee end prefix_header_nav ---->
                  
                  
                 <header id="prefix_header_ad">
                      <div id="prefix_header_main">
                            <hgroup id="prefix_header_adLeft">
                            		<ul id="s2">
                                         <li><a href="#" name="to pridusct">Home /</a></li>
                                         <li><a href="#" name="to pridusct">Tuts /</a></li>
                                         <li><a href="#" name="to pridusct">Tools /</a></li>
                                         <li><a href="#" name="to pridusct">Development /</a></li>
                                          <li><a href="#" name="to pridusct">PHP /</a></li>
                                         <li><a href="#" name="to pridusct">Development /</a></li>
                                         <li><a href="#" name="to pridusct">WordPress /</a></li>
                                         <li><a href="#" name="to pridusct">Info /</a></li>
                                    </ul>
                                 
                            </hgroup><!--prefix_header_adleft-->
                            <div style="float:left; width:45%;margin:10px;color:#FFF; min-height:10px; overflow:hidden;
                            					font-family:">
                             <h1 style="font-family:'Arial Black', Gadget, sans-serif">A Comunity ForR Divelopers New</h1>
                            </div>
                            
                             
                           
                            
                      </div><!-- the end prefix_header_main --->
                 </header><!-- the end prefix_header_ad--->
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                <section id="prefix_section">
                 
                	 <div id="colleft">
                 			<erticle id="prefix_articleleft_one">
                            			<header>
                                        <h2>chua co noi dung</h2>
                                        
                                        <?php

require_once '../model/db.php';
require_once '../model/keyword.php';


$keywords = new Keywords();
$works  =  new  Keywords();
$s = new Keywords();
$pagenetions = new Keywords();



$hienthi = $keywords->select();
$hienthi2 = $works->works();




?>
 <div id="wrapper-php">
 <table>
 <?php
 $hiethi4 = $s->dfsdf();
 ?>
                
<?php               
$hienthi3= $pagenetions->paregation();
?>
             
 </table>

  
    <!----------------------hien thi gioi han trang ----------------->
    
   
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
           
    
    
    
                    
                    <!--- back next --->
 <?php               


if(!isset($_GET['page'])){ 
$page = 1; 
} else { 
$page = $_GET['page']; 
} 


$max_results = 10; 


$from = (($page * $max_results) - $max_results); 



$sql = mysql_query("SELECT * FROM works LIMIT $from, $max_results"); 

while($row = mysql_fetch_array($sql)){ 


} 


$total_results = mysql_result(mysql_query("SELECT COUNT(*) as Num FROM works"),0); 


$total_pages = ceil($total_results / $max_results); 

echo "<center>Ch?n m?t trang<br />"; 





///hjien thi so trang
$total_pages =20;
for($i = 1; $i <= $total_pages; $i++){ 
if(($page) == $i){ 
echo "$i&nbsp;"; 
} else { 
echo "<a href=\"".$_SERVER['PHP_SELF']."?page=$i\">$i</a>&nbsp;"; 
} 
} 

// T?o liên k?t d?n trang ti?p theo 
if($page < $total_pages){ 
$next = ($page + 1); 
echo "<a href=\"".$_SERVER['PHP_SELF']."?page=$next\"><br>Trang ti?p theo>></a>"; 
} 

if($page > 1){ 
$prev = ($page - 1); 

echo "<a href=\"".$_SERVER['PHP_SELF']."?page=$prev\"><br>Trang tru?c>></a>"; 
} 

echo "</center>"; 
?>
                                        </header>
                                        
                            		   
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                         
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                            </article><!-- prefix_article_one -->
                            
                            
                            <erticle id="prefix_articleleft_two">
                             <style type="text/css">
							 #prefix_articleleft_two  { width:100%; min-height:100px; margin: 0 auto;float:left}
							
										
							 </style>
                                    <header class="header"><h1>chua co noi dung</h1><header>
                            </article><!-- prefix_article_one -->
                            
                            
                            
                            <erticle id="prefix_articleleft_three">
                             		<h1>chua co noi dung </h1>
                                   
                            	
                            </article><!-- prefix_article_one -->
                 </div><!-- the end left-->
                 
                 
                 <div id="collRight">
                 			<erticle id="prefix_articleright_one">
                            		<header>
                                   <h2>chua co noi dung </h2>
                                    </header>
                            		
                            </article><!-- prefix_article_one -->
                            
                            
                            <erticle id="prefix_articleright_two">
                             		<h2>chua co noi dung</h2>
                            		
                                    
                            </article><!-- prefix_article_one -->
                            
                            
                            <erticle id="prefix_articleright_three">
                            		
                            		
                                    <p style="text-align:center">chua co noi dung</p>
                            </article><!-- prefix_article_one -->
                 </div><!-- the end Right-->
                
                </section><!-- prefix_section ---->
                
              
               <div class="clear"></div>
                 <footer id="prefix_footer_one">
                 	<div id="prefix_footer_main">
                 		<div id="prefix_footer_coll1">
                        	<h1>folow uS</h1>
                            <p>lorem ippsum dolor sit amet<p>
                        </div><!--prefix_footer_coll1-->
                        
                        <div id="prefix_footer_coll2">
                        	<h1>folow uS</h1>
                            <p>
                            The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. 
                            </p>
                            <form action="index.html" method="post" style="margin-left:20px;margin:1px 0px 20px 0px">
                            	<table>
                                <tr>
                             	<td><input type="text" name="search" size="50" style="height:25px;border:0px solid #000;"/></td>
                                </tr>
                                <tr>
                                <td><input type="submit" name="search" value="subscribe" style="height:25px; width:330px; background:#dddddd;" /></td>
                                </tr>
                                </table>
                            </form>
                            
                        </div><!-- prefix_footer_coll2-->
                        <div id="prefix_footer_coll3">
                        	<h1>folow uS</h1>
                        <p>
                        The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 
                        </p>
                        </div><!-- prefix_footer_coll1 -->
                    </div>
                 </footer>
                 
                 
                 <footer id="prefix_footer_two">
                 <style type="text/css">
				 		#left { float:left;text-align:center}
						#right { float:right;}
				 </style>
                 	<div id="prefix_footer_tow_main">
                 		<div id="left"><h5><a href="#">@2013 imaginary store</a></h5></div>
                        <div id="right"><h5><a href="#">handmade in leipzig gemany</a></h5></div>
                     </div><!-- prefix_footer_tow_main -->
                 </footer>
              
                  
            </div><!-- the end prefix_wrapper  -------------------->
</body>
</html>
